<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/lib/swiper-master/swiper-bundle.min.css">
</head>

<body>
    <header>

    </header>
    <div class="swiper-container"  id="banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="/images/s-1.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="/images/1.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="/images/2.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="/images/3.jpg" alt="">
            </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>

    <!-- 人气推介 HOT SALES -->
    <div id="wrap">
        <div class="wrap-con">
            <div class="part">
                <h3 style="font-size: 20px;">人气推介 HOT SALES</h3>
            </div>
            <div class="hotsales">
                <div class="tempsales">
                    <ul>
                        
                    </ul>
                    <script type="text/html" id="HotSales">
                        {{each list item}}
                            <li class="well-item">
                                <div class="correct"><img src="{{item.url}}" alt=""></div>
                                <div class="opposite"><img src="{{item.url1}}"></div>
                            </li>
                        {{/each}}
                    </script>
                </div>
            </div>
            <div class="part">
                <h3 style="font-size: 20px;">最新动态 WHAT'S NEW</h3>
                <div class="more">
                    <a href="">更多>></a>
                </div>
            </div>
            <div class="whatsnew">
                <ul>
                   
                </ul>
            </div>
            <!-- 定义 template 模板 -->
            <script type="text/html" id="indexNewsTemplate">
                {{ each res item }}
                    <li>
                        <div class="huodong_img">
                            <a href="">
                                <img src="{{item.img}}" alt="">
                            </a>
                        </div>
                        <div class="huodong_text">
                            <a href="">
                                <div style="margin-top: 5px;">
                                    <h2>{{item.title}}</h2>
                                    <p>
                                        {{item.desc}}
                                    </p>
                                </div>
                            </a>
                        </div>
                    </li>
                {{/each}}
            </script>
        </div>
    </div>
    <footer id="footer">

    </footer>

    <script src="/lib/require/require.js" data-main="/js/index"></script>
</body>

</html>